import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '../views/home/index.vue'
import Order from '../views/order/index.vue'
import Message from '../views/message/index.vue'
import My from '../views/my/index.vue'
import FooterCom from '../components/FooterCom.vue'
import Login from '../views/login/index.vue'

const router = createRouter({    //createWebHistory   改成hash 防止打包出错 seo
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    {   //路由重定向
      path:'/',
      redirect:'/home'
    },
    {
      path: '/home',
      name: 'home',
      // component: Home,   //预加载
      components:{   //一个页面有多个组件组成
        default:Home,  //页面组件
        FooterCom:FooterCom,  //可以简写FooterCom 局部组件 单页面里的局部组件
      },
      meta:{  //元信息
        title:'首页'   //设置页面标题 路由守卫 路由后置守卫时配置
      }
    },

    {
      path: '/order',
      name: 'order',
      components:{
        default:Order,
        FooterCom:FooterCom,
      },
      meta:{  
        title:'订单'   
      }
    },

    {
      path: '/message',
      name: 'message',
      components:{
        default:Message,
        FooterCom:FooterCom,
      },
      meta:{  
        title:'消息'   
      }
    },

    {
      path: '/my',
      name: 'my',
      components:{
        default:My,
        FooterCom:FooterCom,
      },
      meta:{  
        title:'我的'   
      }
    },

    {
      path: '/loginout',
      name: 'loginout',
      components:{
        default:() => import('@/views/my/loginout.vue'),
      },
      meta:{  
        title:'我的'   
      }
    },

    {
      path: '/login',
      name: 'login',
      components:{
        default:Login,
        // FooterCom:FooterCom,
      },
      meta:{  
        title:'登陆'   
      }
    },

    {
      path: '/step1',
      name: 'step1',
      components:{
        default:() => import('@/views/login/step1.vue'),
      },
      meta:{  
        title:'获取验证码'   
      }
    },
   //分类页面
    {
      path: '/kind',
      name: 'kind',
      components:{
        default:() => import('@/views/kind/index.vue'),
      },
      meta:{  
        title:'全部分类'   
      }
    },

    {
      path: '/kindfood',
      name: 'kindfood',
      components:{
        default:() => import('@/views/kind/kindfood.vue'),
      },
      meta:{  
        title:'分类商店'   
      }
    },

    //店铺页面内容
    {
      path: '/shop',
      name: 'shop',
      components:{
        default:() => import('@/views/shop/index.vue'),
      },
      meta:{  
        title:'商店内容'   
      }
    },

    //商品详情页面
    {
      path: '/detail',
      name: 'detail',
      components:{
        default:() => import('@/views/detail/index.vue'),
      },
      meta:{  
        title:'商品详情'   
      }
    },

     //订单待付款
     {
      path: '/orderDetail',
      name: 'orderDetail',
      components:{
        default:() => import('@/views/order/orderDetail.vue'),
      },
      meta:{  
        title:'商品详情'   
      }
    },

    
     //我的收藏
     {
      path: '/like',
      name: 'like',
      components:{
        default:() => import('@/views/my/like.vue'),
      },
      meta:{  
        title:'商品收藏'   
      }
    },
  ],
})

export default router
